*{margin: 0 auto;padding: 0 auto;list-style: none;}
a{text-decoration: none;}
body{font: normal 12px/1.5 'Microsoft Yahei',Helvetica,arial,sans-serif;margin-bottom: 100px;}
//网站上部开始
header{
    //  顶部区域开始
//灰条区域
    #top_bar{
        height: 34px;width:100%;background:#fafafa ;line-height: 34px;
        color: @color;border-bottom: 1px solid #fafafa;@color:#9a9a9a;
        .top_center{
            width: 1200px;line-height: 34px;height: 34px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
            .top_site a{padding-left: 15px;color: @color;}
            .top_user{
                margin-left: 20px;padding-left: 20px;
                a{color: @color;}
            }
            .top_nav a{color: @color;}
        }
    }
    //  头部栏开始
    #head_bar{
        width: 100%;height: 90px;position: relative;background: #f1f1f1;padding-top: 30px;
        .h_center{
            width: 1200px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
//          logo
            .headbar_logo{
                position: relative;
                img{width: 220;height: 50px;}
            }
            .headbar_slogan{position: relative;margin-left: 20px;top: -5px;}
//          中间搜索
            .headbar_search{ 
                position: relative;margin-left: 30px;
                .search_box{
                    height: 40px;
                    .search_input{
                        width: 350px;height: 40px;line-height: 40px;margin-left: 3px;font-size: 14px;
                        padding: 0 15px ;border: none;
                    }
                    .search_btn{
                        display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;
                        font-size: 16px;letter-spacing: 5px;color: #fff;background: #ea4234;
                    }
                }
                .search_words{
                        color: #919090;padding-top: 5px;a{color: #919090; &:hover{color: #EA4234;}}   
                }                                  
            }
//          购物车
            .buy_car_box{
                position: relative;
                .my_car{
                    cursor: pointer;width: 96px;height: 38px;line-height: 38px;
                    border: 1px solid #e0e0e0;background: red;position: relative;
                    background-image: url(../img/buycar.png);
                    background-repeat: no-repeat;background-color: #fbfbfb;background-position: 14px 10px;
                    padding-left: 44px;font-size: 16px;color: #565656;
    //               
                .silder{
                    width: 8px;height: 20px;line-height: 20px;color: #fff;position: absolute;
                    top: -11px;left: 40px;padding-left: 7px;
                    background: url(../img/dxt_left_bg1.png) no-repeat;
                    b{
                        position: absolute;left: 8px;top: 0;height: 19px;
                        background: url(../img/dxt_right_bg2.png) no-repeat right top;
                        padding-right: 7px;
                    }
                }
            }
                .car_empty{
                    text-align: center;position: absolute;top: 38px;left: -169px;width: 309px;
                     height: 86px;line-height: 86px;background: #fff;border: 1px solid #e0e0e0;
                    display: none;z-index: 10;
                    }
                    &:hover .car_empty{display: block;}
                .car_cont{
                    display: none;background: #fff;width: 309px;position: absolute;top: 38px;
                    left: -169px;border: 1px solid #e0e0e0;z-index: 99;
                    }    
            }
            
            
        }
    } 
//头部栏结束
//导航条开始
    #nav_bar{
        background: #2c2c2c;height: 45px;line-height: 45px;font-size: 18px;position: relative;
        .nav_center{
            width: 1200px;overflow: hidden;
            .navbar_list{
                overflow: hidden;padding: 0px;
            }
            .navbar_list .item{
                float: left;position: relative;cursor: pointer;
                .link{color: white;padding: 0px 20px;}
            }
            .navbar_list .on{background:#ea4234;}
            .navbar_list .all{
                background: #504f4f;
                &:hover .nav_list{display: block;}
                //           左侧菜单
                .nav_list{
                    display: none;border: 1px solid #ddd;z-index: 98;position: relative;
                    .bar{
                        background:white;
                        &:hover .nav_page{display: block}
                    }
                    padding: 0;
                    .bar .nav_title{
                    border-bottom: 1px solid #eee;height: 50px;line-height: 50px;padding-left: 45px;
                    font-size: 16px;cursor: pointer;
                        &:hover{
                            color: #fff;
                        }
                    }
                    .type1{
                        background: url(../img/icon19.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon001.png)no-repeat 15px center;}
                    }
                    .type2{
                        background: url(../img/icon009.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon002.png)no-repeat 15px center;}
                    }
                    .type3{
                        background: url(../img/icon010.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon003.png)no-repeat 15px center;}
                    }
                    .type4{
                        background: url(../img/icon012.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon005.png)no-repeat 15px center;}
                    }
                    .type5{
                        background: url(../img/icon013.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon006.png)no-repeat 15px center;}
                    }
                    .type6{
                        background: url(../img/icon014.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon007.png)no-repeat 15px center;}
                    }
                    .type7{
                        background: url(../img/icon015.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon008.png)no-repeat 15px center;}
                    }
//                  二级菜单隐藏页
                    .bar .nav_page{
                        border: 1px solid #ea4234;position: absolute;top:0px;left:147px;
                        width: 490px;height: 407px;background: #fff;display: none;z-index: 99;
                        overflow: hidden;
                        .nav_container{
                            position: relative;height: 100%;padding: 0px 15px;
                            .nav_name{
                                height: 50px;line-height: 50px;border-bottom: 1px solid #eee;
                                font-size: 16px;font-weight: bold;
                            }
                            .nav_type .item{
                                float: left;padding-top: 20px;width: 25%;font-size: 14px;
                                white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
                                a{color: #666;}
                            }
                            .nav_img{
                                position: absolute;left: 0px; bottom: 0px;width: 100%;z-index: 200;
                                opacity: 0.5;
                                &:hover{opacity: 1;}
                            }
                        }
                    }
                }
               
            }
        }
    }
//导航条结束
}
//网页主要部分
#main{
    .main_1200{
        width: 1200px;margin-top: 15px;
        .buy_tips{
            border: 1px solid #ddd;background: #f2f2f2;font-size: 14px;height: 43px;line-height: 43px;
            padding: 0px 20px;position: relative;color: #666;
        }
        .send_way{
            font-weight: normal;font-size: 14px;padding-top: 25px;padding-bottom: 20px;
        }
        .wlps{
            overflow: hidden;
            .wlps_box{
                float: left;width: 252px;height: 75px;overflow: hidden;position: relative;
                margin-bottom: 8px;cursor: pointer;border: 2px solid #ea4234;padding: 14px 19px 0px;
                .title{
                    font-size: 16px;color: #666;
                }
                .info{
                    padding-top: 5px;line-height: 20px;height: 40px;overflow: hidden;color: #999;
                }
                .icon{
                    position: absolute;right: 0px;bottom: 0px;z-index: 5;
                    background:url(../img/icon2222.png) no-repeat;
                    display: block;width: 20px;height: 20px;
                }
            }
        }
        .get_address{
            font-weight: normal;font-size: 14px;padding-top: 25px;padding-bottom: 20px;
        }
        .address{
            overflow: hidden;
            .address_box{
                float: left;width: 252px;height: 119px;overflow: hidden;position: relative;
                margin-bottom: 8px;border: 2px solid #ea4234;padding: 14px 19px 0px;
                .icon{
                    position: absolute;right: 0px;bottom: 0px;z-index: 5;
                    background:url(../img/icon2222.png) no-repeat;
                    display: block;width: 20px;height: 20px;
                }
                .name{
                    font-size: 16px;color: #666;
                }
                .tel{
                    padding-top: 5px;line-height: 20px;overflow: hidden;
                }
                .info{
                     padding-top: 5px;line-height: 20px;overflow: hidden;color: #999;
                }
                .operate{
                    margin-top: 10px;
                    a{color: cornflowerblue;margin-right: 20px;}
                }
            }
            .address_addbox{
                float: left;width: 252px;height: 119px;overflow: hidden;position: relative;
                margin-bottom: 8px;border: 1px solid #ddd;padding: 14px 19px 0px;cursor: pointer;
                margin-left: 10px;               
                .icon{font-size: 60px;text-align: center;line-height: 50px;color: #999;}
                .name{color: #666;text-align: center;margin-top: 20px;}
            }
        }
        .goods_list{
            font-weight: normal;font-size: 14px;padding-top: 25px;padding-bottom: 20px;
        }
        .buy_listbox{
            overflow: hidden;
            .buy_item2{
                border: 1px solid #ddd;margin-bottom: 15px;overflow: hidden;
                .item2_top{
                    overflow: hidden;
                    .item2_top1{
                        padding: 15px;width: 600px;border-right: 1px dashed #ddd;float: left;
                        height: 122px;
                        .good_img_box{
                            display: block;width: 122px;height: 122px;background: #fff;
                            border: 1px solid #ddd;float: left;
                            img{width: 120px;height: 120px;}
                        }
                        .goods_infobox1{
                            width: 450px;padding-left: 15px;float: left;
                            .goods_titletext{
                                color: #666;font-size: 14px;
                            }
                            .cgoods_info1{
                                margin-top: 20px;
                                span{margin-right: 20px;}
                                i{font-style: normal;}
                            }
                            .cgoods_price{
                                margin-top: 20px;
                                span{color: red;font-size: 16px;}
                            }
                        }
                        
                    }
                    .item2_top2{
                        float: left;border-right: 1px dashed #ddd;height: 152px;width: 170px;
                        text-align: center;
                        p{
                            text-align: center;font-size: 16px;padding-top: 25px;
                        }
                    }
                    .item2_top3{
                        float: left;height: 152px;width: 300px;
                        text-align: center;
                        p{
                            text-align: center;font-size: 16px;padding-top: 25px;padding-left: 80px;
                        }
                    }
                }
            }
        }
        .remark_title{
            font-weight: normal;font-size: 14px;padding-top: 25px;padding-bottom: 20px;
        }
        textarea{
            display: block;width: 1180px;border: 1px solid #ddd;padding: 10px;border-radius: 3px;
            resize: none;
        }
        .sub_info{
            width: 1200px;overflow: hidden;height: 200px;
            .left_mess{
                float: left;margin-top: 10px;margin-left: 10px;
                p{margin-bottom: 3px;}
            }
            .right_mess{
                float: right;margin-top: 10px;text-align: right;
                span{color: red;}
                .num{font-size: 18px;}
                i{color: red;font-style: normal;}
                .submit_btn{
                    display: block;width: 130px;height: 50px;background: #ea4234;font-size: 20px;
                    color: white;line-height: 50px;text-align: center;margin-right: 0;margin-top: 10px;
                }
            }
        }
    }
}
//透明遮罩
#zhezhao{
    width: 100%;height: 100%;position: fixed;left: 0%;top: 0%;z-index: 10000;display: none;
    background: rgba(0,0,0,0.3);
    .address_form{
        width: 574px;position: fixed;left: 50%;top: 50%;z-index: 10005;margin-left: -287px;
        margin-top: -180px;padding-bottom: 40px;padding: 0px 20px 20px;display: block;
        border: 1px solid #ddd;background: #fff;
        #addform{
            .title{
                font-size: 16px;height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;
                color: #393939;font-weight: normal;
            }
            .form_group{
                margin-top: 20px;overflow: hidden;
                .label{
                    color: #393939;float: left;margin-left: 5px;font-size: 14px;display: block;
                    width: 90px;
                    .must{
                        color: red;margin-right: 5px;
                    }
                }
                .addselect{
                    float: left;position: relative;height: 22px;width: 400px;top: 5px;margin-left: 10px;
                    .fl{float: left;}
                    select{border:1px solid #666666;}
                }
                .input{
                    width: 180px;border: 1px solid #c9c9c9;display: inline-block;border-radius: 3px;
                    height: 25px;padding: 0px 10px;background: transparent;
                }
            }
            .save_btn{
                a{
                    display: block;float: right;width: 200px;height: 40px;line-height: 40px;color: #fff;
                    font-size: 20px;background: #d62222;border-radius: 3px;text-align: center;
                }
            }
            .close{
                position: absolute;right: 15px;top: 15px;display: block;z-index: 10010;width: 11px;
                height: 11px;color: #666;
            }
        }
    }
}
//透明遮罩
///<!--底部区域-->
#foot_box{
    width: 100%;min-width: 1210px;margin: 0 auto;height: 150px;background: #999999;
    .foot_center{
        width: 1210px;margin: 0 auto;overflow: hidden;position: relative;color: white;
        .friend{
                margin-top: 25px;margin-bottom: 14px;height: 12px;
                dt{color: white;margin-bottom: 10px;float: left;margin-right: 10px;}
                .fl{
                    float: left;border-right: 1px solid white;padding-left: 10px;padding-right: 10px;
                    a{
                        color: white;
                    }
                }
        }
        p{margin-top: 10px;text-align: left;}
    }
}
//<!--底部区域-->
